<template>
      <div class="tabbar">
          <router-link to="/fenlei" tag="span">分类</router-link>
           <router-link to="/bag" tag="span">书包</router-link>
            <router-link to="/jingxuan" tag="span">精选</router-link>
             <router-link to="/paihang" tag="span">排行</router-link>
      </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
   .tabbar {
       display: flex;
       justify-content: space-around;
       align-items: center;
   }
   .router-link-active {
       color: red;
        
   }
</style>